<template>
  <avue-data-progress :option="option"></avue-data-progress>
</template>
<script setup>
import { ref } from 'vue';
const option = ref({
  span: 6,
  data: [
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '转化率（日同比 28%）',
      color: 'rgb(178, 159, 255)',
      count: 32,
      href: 'https://avuejs.com',
      target: '_blank'
    },
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '签到率（日同比 11%）',
      color: 'rgb(230, 71, 88)',
      count: 32,
      href: 'https://avuejs.com',
      target: '_blank'
    },
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: 'CPU使用率',
      color: 'rgb(27, 201, 142)',
      count: 56,
      href: 'https://avuejs.com',
      target: '_blank'
    },
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '使用人数',
      color: 'red',
      count: 56,
      href: 'https://avuejs.com',
      target: '_blank'
    }
  ]
})
</script>
